﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.master" AutoEventWireup="true"
    CodeBehind="ModalAlert.aspx.cs" Inherits="Dialog_ModalAlert" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Dialog"
    TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="Server">
    <script type="text/javascript">
        function btnClick() {
            $(this).c1dialog("close");
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <cc1:C1Dialog ID="dialog" runat="server" Width="550px" Height="240px" Modal="true"
        Stack="True" CloseText="Close" Title="上传文件">
        <Content>
            <p>
                <span class="ui-icon ui-icon-circle-check"></span>您的文件上传成功！
            </p>
        </Content>
        <ExpandingAnimation Duration="400">
        </ExpandingAnimation>
        <Buttons>
            <cc1:DialogButton OnClientClick="btnClick" Text="OK" />
        </Buttons>
        <CaptionButtons>
            <Pin Visible="False" />
            <Refresh Visible="False" />
            <Toggle Visible="False" />
            <Minimize Visible="False" />
            <Maximize Visible="False" />
        </CaptionButtons>
        <CollapsingAnimation Duration="300" />
    </cc1:C1Dialog>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
    <p>
        这个例子展示了如何将<strong>C1Dialog </strong>作为一个弹出式对话框来使用。
    </p>
    <ul>
        <li>如果<b>Modal</b>属性设为True，功能将被启用。 </li>
        <li>用<b>Buttons</b>属性可以向对话框底部添加按钮。</li>
        <li><b>CaptionButtons</b>属性决定标题栏的属性是否可见。</li>
    </ul>


</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
    <input type="button" value="显示提醒" onclick="$('#<%=dialog.ClientID%>').c1dialog('open')" />
</asp:Content>
